<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-Type" content="text/html"  charset="utf-8"/>
<meta name="viewpoint" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
<title>lianxi2-固定布局</title>

<link rel="stylesheet" href="css/style1.css" charset="utf-8">
<link rel="stylesheet" href="css/basic.css" charset="utf-8">



</head>

<body>
		

	<header id="header"> 
			
		<div class="center">
			<h1 class="logo">旅行社</h1>
				<nav class="link">
				<h2 class="none">网站导航</h2>
					<ul >
						<li><a class="active" href="index.html">首页</a></li>
						<li><a class="avtive" href="information.html">旅游咨询</a></li>
						<li><a class="active" href="ticket.html">机票订购</a></li>
						<li><a class="active" href="view.html">风景欣赏</a></li>
						<li><a class="active" href="company.html">公司简介</a></li>
					</ul>
				</nav>
			</div>
	</header>

		
		<div class="search"><!--在search大背景下添加图片-->
			<div class="center1">  </div>
			<input type="text" class="search1" placeholder="请输入景点或城市"></input>
			<button type="submit" class="button">搜索</button>
		</div>
		
		<div id="tour">
			<section class="center">
				<h2>热门旅游</h2>
				<p>国内旅游、国外旅游、自助旅游、自驾旅游、邮轮签证、主题旅游等各种最新热门旅游推荐</p>
			</section>
				<figure>
					<img src="img/tour2.jpg" alt="热门旅游">
						<figcaption>
							<strong class="title">
								&lt;水龙湾6日游&gt; </strong>
								报团特惠，超丰富景点，升一晚5星酒店，无自费/成人优惠券500元
							 
							<div class="info">
								<em class="sat">满意度 77%</em>
								<span class="price">¥ <strong>2864</strong> 起</span>
							</div>
							<div class="tab">国内长线</div>
						</figcaption>								
					</figure>
					
					<figure>
					<img src="img/tour5.jpg" alt="热门旅游">
						<figcaption>
							<strong class="title">
								&lt;清迈7日游&gt; </strong>
								报团特惠，超丰富景点，升一晚5星酒店，无自费/成人优惠券
							
							<div class="info">
								<em class="sat">满意度 87%</em>
								<span class="price">¥ <strong>5864</strong> 起</span>
							</div>
							<div class="tab">国外长线</div>
						</figcaption>
						
					</figure>
					
					<figure>
					<img src="img/tour4.jpg" alt="热门旅游">
					
						<figcaption>
							<strong class="title">
								&lt;海岸7日游&gt; </strong>
								报团特惠，超丰富景点，升一晚5星酒店，无自费/成人优惠券
							<div class="info">
								<em class="sat">满意度 97%</em>
								<span class="price">¥ <strong>9964</strong> 起</span>
							</div>
							<div class="tab">国外长线</div>
						</figcaption>
					
							
						<!-- <div id="set">1国内长线</div> -->
					</figure>
					
					<figure>
					<img src="img/tour3.jpg" alt="热门旅游">
						<figcaption>
							<strong class="title">
								&lt;风景区3日游&gt; </strong>
								报团特惠，超丰富景点，升一晚5星酒店，无自费/成人优惠券
							<div class="info">
								<em class="sat">满意度 97%</em>
								<span class="price">¥ <strong>7864</strong> 起</span>
							</div>
							<div class="tab">国内长线</div>
						</figcaption>
					
							
						<!-- <div id="set">1国内长线</div> -->
					</figure>
		
		<footer class="footer">
			<div id="top">
				<!--采用2个class，公共部分修改和独有修改维护方便 -->
				<div class="block left"> 
					<h3>合作伙伴</h3>
					<hr><!--加一个横线-->
					<ul>
						<li><a href="http://www.tuniu.com/" target="_blank">途牛旅游网</a></li>
						<li><a href="http://www.lvmama.com/" target="_blank">驴妈妈旅游网</a></li>
						<li><a href="http://www.ctrip.com/" target="_blank">携程旅游网</a></li>
						<li>中国青年旅行社</li>
					</ul>					
				</div>
				
				<div class="block center11">
				    <h3>旅游FAQ</h3>
					<hr>
					<ul>
						<li>旅游合同签订方式</li>
						<li>儿童价是基于什么制定的?</li>
						<li>旅游的线路品质怎么界定的？</li>
						<li>单房差是什么?</li>
						<li>旅游保险有那些种类?</li>
					</ul>	
				</div>
			
				
				<div class="block right">
					<h3>联系方式</h3>
					<hr>
					<ul>
						<li>微博:weibo.com/ycku</li>
						<li>邮件:252189983@qq.com</li>
						<li>地址:辽宁省xxx路</li>
					</ul>								
							
				</div>
			</div>
			
			<div class="bottom">Copyright@YCUC 旅行社 | 中IUP程1516481号 | 旅行社经营许可证：ad-079797</div>
			
		</footer>		
		</div>
	
</body>
</html>
















